<template>
  <div>
     <x-header title="我的二维码" :right-options="{showMore: true}" @on-click-more="show = true"></x-header> 

    <div class="codeWrap">
      <div class="heads">
        <img :src="userInfo.headimg" alt="">
        <span>{{userInfo.nickName}}</span>
      </div>
      <div class="scode">
        <p>扫一扫下面的二维码，访问我的微店</p>
        <div>
          <img :src="userCode(userInfo.qrcode)" alt="">
        </div>

      </div>
      
    </div>
  </div>
</template>

<script>
import { XHeader } from 'vux'
import OrderPage from '../../components/toolComponent/myOrderPage.vue'
import { homeUrl } from "../../components/utils/utils.js";
import axios from "axios";
import qs from "qs";
//   import Top from '../components/layouts/top.vue'
//   import Bottom from '../components/layouts/bottom.vue'
  export default {
    components: { XHeader,OrderPage},
     data() {
      return {
        userInfo:this.$route.params.users,
        
      }
     },
     methods:{
       // 二维码
      userCode(code){
        return homeUrl()+code
      },
     },
     created(){
      //  this.reqSeverCode()
     }
  }
</script>

<style>
 .codeWrap{
   padding: 20px;
   background: #ffffff;
   width: 95%;
   height: 490px;
 }
 .heads img{
   width: 50px;
   height: 50px;
   border-radius: 50%
 }
 .scode{
   margin-top: 15px;
   border-top: 1px solid#f4f4f4;
   color: #666;
   font-size: 14px;
   /* text-align: center; */
   padding-top: 10px
 }
 .scode img{
   width: 100%;
   height: 380px;
 }
</style>
